<?php
date_default_timezone_set('America/Bogota');
?>
<!DOCTYPE html>
<html>
    <head>

        <?php $this->load->view("head"); ?>
        <?php $this->load->view("headGrillas"); ?>
        <title>Fotos de las visitas</title>
    </head>
    <script type="text/javascript">
        $(document).ready(function(){
            //Grilla de topografías
            jQuery("#tbGrillaTopo").jqGrid({
                url: '',
                datatype: 'json',
                mtype: 'POST',
                colNames:['Acción','Nombre','Orden','Portada','Imagenes'],
                colModel :[
                    {name:'grdAccion',index:'grdAccion',sortable:false, width:180,align:"center"},
                    {name:'fotoVisitaNombre',index:'fotoVisitaNombre', width:130},
                    {name:'fotoVisitaOrden',index:'fotoVisitaOrden', width:100,align:"center"},
                    {name:'fotoVisitaPortada',index:'fotoVisitaPortada', width:200},
                    {name:'fotoVisitaRuta',index:'fotoVisitaRuta', width:200,align:"center"}
                ],
                loadComplete: function(){
                    var ids = jQuery("#tbGrillaTopo").getDataIDs();
                    for(var i=0;i<ids.length;i++){
                        var cl = ids[i];
                        var ret = jQuery("#tbGrillaTopo").getRowData(cl);
                        var rutaDeImagen = "";
                        if(ret.fotoVisitaRuta.substring(0, 5) == "data:")
                            rutaDeImagen = ret.fotoVisitaRuta;
                        else
                            rutaDeImagen = "<?php echo base_url() . "/images/fotos/"; ?>" + ret.fotoVisitaRuta;
                        var se1 = "<a class='anchorImg' href='<?php echo base_url() . "/images/fotos/"; ?>" + ret.fotoVisitaRuta + "' ><img   src='" + rutaDeImagen + "'  style='width: 72px;height: 67px'  /></a>";
                        jQuery("#tbGrillaTopo").setRowData(cl,{fotoVisitaRuta:se1});
                        se1 = "<input type='button' value='Editar' onclick=\"editaFoto('" + cl + "');\" tittle='Editar' />";
                        se1 = se1 + "&nbsp;&nbsp";
<?php if ($admin) { ?>
                                                se1 += "<a href='#' onclick=\"eliminaFoto('" + cl + "');\" >Eliminar</a>";
<?php } ?>
                                            jQuery("#tbGrillaTopo").setRowData(cl,{grdAccion:se1});
                                        }
                                        $('.anchorImg').flyout({
                                            inOpacity:0,
                                            fullSizeImage:true,
                                            inSpeed:1000
                                        });
                                    },
                                    autowidth:true,
                                    pager: jQuery('#divPagTopo'),
                                    rowNum:10,
                                    rowList:[10,20,30,50],
                                    sortname: 'fotoVisitaNombre',
                                    sortorder: "asc",
                                    viewrecords: true,
                                    caption: 'Fotos',
                                    height:160
                                });
                                //Barra de navegación
                                jQuery("#tbGrillaTopo").navGrid('#divPagTopo',{edit:false,add:false,del:false,search:false,view:true});             
<?php $this->load->view("enReady"); ?>
    }); //fin $(document).ready(function(){
    function cambiaUrlJqgrid(div,ruta,valor){
        if(valor == "") return false;
        jQuery("#" + div).jqGrid().setGridParam({url : ruta + "/" + valor}).trigger("reloadGrid");

    } //fin function cambiaUrlJqgrid(){
    function eliminaFoto(fotoId){
        if(confirm("¿Esta seguro que desea eliminar la foto?")){
            $.post("<?php echo site_url("fotos/eliminaFoto"); ?>",{opc:'E',foto:fotoId},function(data){
                if(parseInt(data) == 1) {
                    alert("Se ha eliminado correctamente la foto");
                    jQuery("#tbGrillaTopo").trigger("reloadGrid");
                }
                    
                else
                    alert("Se ha presentado un error en la eliminación");
            });
        }
        return ;
    } //fin function eliminaVisita(visitaId){
    function editaFoto(foto){
        //$("#frFotos").trigger("reset");
        $.getJSON("<?php echo site_url("fotos/extraeDatos"); ?>", {fotoId:foto}, function(data){
            document.getElementById("visitaId").value = data.avaluoId;
            document.getElementById("fotoVisitaNombre").value = data.fotoVisitaNombre;
            document.getElementById("fotoVisitaOrden").value = data.fotoVisitaOrden;
            document.getElementById("fotoVisitaId").value = data.fotoVisitaId;
            document.getElementById("fotoVisitaPortada").value = data.fotoVisitaPortada;
        });
    } //fin function editaVisita(visitaId){
    function fnGuardar(){
        if(!fnValidaCampos("form","frFotos")){
            alert("Los campos en rojo son obligatorios");
            return false;
        }
        ajaxInicia();
        $("#frFotos").trigger("submit");
    } //fin function fnGuardar(){
    function fnTerminaCargas(visitaId,estado){
        if(estado){
            $("#frFotos").trigger("reset");
            document.getElementById("visitaId").value = visitaId;
            $("#visitaId").trigger("change");
            jQuery("#tbGrillaTopo").trigger("reloadGrid");
        }else{
            alert(visitaId);
        }
            ajaxTermina();
    }
    function fnCambiaProyecto(proyectoId){
        if(proyectoId == "") return false;
        $.post("<?php echo site_url("avaluos/cargaAvaluos"); ?>",{proyecto:proyectoId},function(data){
            document.getElementById("avaluos").innerHTML = data;
        });
    } //fin function fnCambiaProyecto(proyectoId){
    function cambiaAvaluo(avaluoId){
        if(avaluoId == "") return false;
        $.post("<?php echo site_url("avaluos/cargaVisitas"); ?>",{aval:avaluoId},function(data){
            document.getElementById("visitaId").innerHTML = data;
        });
    } //fin function cambiaAvaluo(avaluoId){
<?php $this->load->view("funcionesJs"); ?>
    </script>
    <body>        
        <?php $this->load->view("enBody"); ?>
        <div id="divTitulo">VISITAS - Fotos</div>
        <form id="frFotos" action="<?php echo site_url("fotos/crear"); ?>" enctype="multipart/form-data" method="POST" target="ifrAuxiliar">
            <label for="proyectos">Proyectos</label>
            <select id="proyectos" onchange="fnCambiaProyecto(this.value);" >
                <option value="">Elija</option>
                <?php
                if ($proyectos->num_rows() > 0) {
                    foreach ($proyectos->result() as $row) {
                        echo "<option value='{$row->proyectoId}'>{$row->proyectoNombre}</option>";
                    }
                }
                ?>
            </select>
            <label for="avaluos">Avaluos</label>
            <select id="avaluos" onchange="cambiaAvaluo(this.value);">
                <option value="">Todos</option>
            </select>
            <label for="visitaId" >Elija la visita</label>
            <select id="visitaId" name="visitaId" onchange="cambiaUrlJqgrid('tbGrillaTopo','<?php echo site_url("grillas/fotos"); ?>',this.value);" >
                <option value="">Elija</option>
            </select>
            <div class="newDiv">
                <label for="fotoVisitaNombre" >Nombre</label>
                <input type="text" id="fotoVisitaNombre" name="fotoVisitaNombre" />
                <label for="fotoVisitaOrden" >Orden</label>
                <input type="text" id="fotoVisitaOrden" name="fotoVisitaOrden" size="3" />
                <label for="fotoVisitaPortada">Foto como portada</label>
                <select id="fotoVisitaPortada" name="fotoVisitaPortada">
                    <option value="No">No</option>
                    <option value="Si">Si</option>
                </select>
                <label for="fotoVisitaRuta" style="margin-left: 20px">Foto</label>
                <input type="file" id="fotoVisitaRuta" name="fotoVisitaRuta" />
            </div>
            <input type="hidden" id="fotoVisitaId" name="fotoVisitaId" />
        </form>
        <div id="divBotones">
            <button id="btnSubmit" onclick="fnGuardar();" class="btnDeAccion" >Guardar</button>
        </div>
        <div id="divPagTopo" class="scroll" style="text-align:center;"></div>
        <table id="tbGrillaTopo" class="scroll" style="font-size: 14px"></table>

    </body>
</html>